// 接口地址：http://cba.itlike.com/public/index.php?s=/api/page/detail
// 请求方式：get

const app = new Vue({
  el: '#app',
  data: {
    swiperImg: [],
    classify: [],
    gg: [],
    itemI: []
  },
  // 生命周期
  created() {
    this.swiperI()
  },
  // 计算
  computed: {

  },
  // 方法
  methods: {
    // 轮播图
    async swiperI() {
      const res = await axios.get(
        "http://cba.itlike.com/public/index.php?s=/api/page/detail")
      console.log(res.data.data.pageData.items[1].data)
      this.swiperImg = res.data.data.pageData.items[1].data
      this.classify = res.data.data.pageData.items[3].data
      this.gg = res.data.data.pageData.items[4].data[0].imgUrl
      this.itemI = res.data.data.pageData.items[6].data
      // console.log(res.data.data.pageData.items[6].data)
    },
    jucp(id) {
      localStorage.setItem('vue-data', id)
    }
  },
  // 监听
  watch: {

  }

})




// swiper初始化代码（思考：在Vue中应该在哪里初始化）
const mySwiper = new Swiper(".swiper", {
  speed: 1000,
  loop: true,
  autoplay: {
    disableOnInteraction: false,
    delay: 2000,
  },
  pagination: {
    el: ".swiper-pagination",
  },
  centeredSlides: true,
  observer: true, //修改swiper自己或子元素时，自动初始化swiper
  observeParents: true, //修改swiper的父元素时，自动初始化swiper
  observerUpdate: true,
});


// const app = new Vue({
//   el: '#app',
//   data: {
//     swiperList: [], // 轮播数据
//     navList: [], // 导航数据
//     goodsList: [] // 商品数据
//   },
//   created () {

//   },
//   mounted () {

//   }
// })